<template>
	
	<div class="nav col-lg-5 web-font">
		<el-menu
      class="el-menu-demo"
      background-color="#33475D"
      text-color="#A1AAB4"
    >
				   <el-menu-item index="1">
				   	   <a class="nav-a" @click="$goRoute('/Bproduct')"><i class="el-icon-news"></i>首页管理</a>
				   </el-menu-item>
				   <el-menu-item index="3">
				   	  <a class="nav-a" @click="$goRoute('/Bproduct')"> <i class="el-icon-news"></i>C++研发</a>
				   </el-menu-item>
				   
				   <el-menu-item index="4" >
				   	   <a class="nav-a" @click="$goRoute('/Benjoy')"><i class="el-icon-news"></i>测试开发</a>
				   </el-menu-item>
				   <el-menu-item index="5">
				   	   <a class="nav-a" @click="$goRoute('/Bshow')"><i class="el-icon-news"></i>JAVA</a>
				   </el-menu-item>
				   <el-menu-item index="6">
				   	   <a class="nav-a" @click="$goRoute('/')"><i class="el-icon-news"></i>导师阵容</a>
				   </el-menu-item>
				   <el-menu-item index="7">
				   	   <a class="nav-a" @click="$goRoute('/Bproduct')"><i class="el-icon-news"></i>精品项目</a>
				   </el-menu-item>
				   
				   <el-menu-item index="8" >
				   	   <a class="nav-a" @click="$goRoute('/Benjoy')"><i class="el-icon-news"></i>学员就业</a></el-menu-item>
				   <el-menu-item index="9">
				   	   <a class="nav-a" @click="$goRoute('/Bshow')"><i class="el-icon-news"></i>百宝箱</a>
				   	</el-menu-item>
				   	 <el-menu-item index="10">
				   	   <a class="nav-a" @click="$goRoute('/Bshow')"><i class="el-icon-news"></i>二维码</a>
				   	</el-menu-item>
    </el-menu>
  </div>
</template>
<script>
	import Vue from 'vue';
	import {Menu,MenuItem,Icon} from 'element-ui'
    Vue.use(Menu);
    Vue.use(MenuItem);
    Vue.use(Icon)
export default {
  	name:'Bnav',
  	mounted(){
  		this.tableData()
    },
    data(){
    	return {
    		msg:1
    	}
    },
    methods:{
    	tableData(){
    		let self = this;
			this.msg="";
    	},
    	navbgin(event){
    		event.target.classList.add("active")
    	},
    	navbgout(event){
    	}
    }
}
</script>
<style>
	.el-submenu__icon-arrow{
	display: none!important;
}
.el-menu{
	height: 100%;
}
 html body{
 	margin: 0;
 	padding: 0;
 	height: 100%;
 }
 .nav{
 	height: 1000px;
 	color:#A1AAB4!important ;
 }
 .el-menu-vertical-demo{
 	height: 100%;
 }
</style>
<style scoped>
	
	
</style>